.ledger {
  background-color: #ffffff;
  height: calc(100vh - 136px);
  padding: 0 16px 16px;
  border-radius: 4px;

  .edit-form {
    // display: grid;
    padding: 24px 34px 0;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;

    .full {
      grid-column: 1 / 3;
    }
  }

  .addInfo {
    background: #f0f3ff;
    // border: 1px solid #2f54eb;
    border-radius: 4px;
    padding: 10px 16px;
    margin-bottom: 16px;
    display: flex;

    .downLoad {
      color: #2F54EB;
      margin-left: 8px;
      cursor: pointer;
    }
  }

  .working {
    background: #dff7ec;
    color: #019c78;
  }

  .closed {
    background: #f2f3f7;
    color: #86909c;
  }

  .offline {
    background: #fdecee;
    color: #e34d59;
  }

  .waiting {
    background: #fff7e6;
    color: #fa8c16;
  }

  :global {
    .ant-tag {
      padding-inline: 13px;
    }

    .ant-modal-header {
      padding: 12px 16px;
      margin-bottom: 0 !important;
      border-bottom: 1px solid #e5e6eb;
    }

    .ant-modal-close {
      top: 16px;
    }

    .ant-modal-content {
      padding: 0 !important;
    }

    .ant-modal-footer {
      border-top: 1px solid #e5e6eb;
      padding: 12px 24px;
    }

    .ant-table-body {
      overflow-y: auto !important;
    }
  }
}

.filterColumn {
  padding: 16px;
  width: 150px;

  .colColumn {
    margin-bottom: 16px;
  }
}

.uploadBtn {
  padding: 0;
  border: none;
  width: 36px !important;
}

:global {
  .ant-modal-confirm-body>.anticon {
    margin-inline-end: 8px !important;
  }

  .ant-btn-dangerous {
    color: #fff !important;
    background-color: #E34D59;
  }

  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
    background-color: #7590FF;
  }

  .dropStyle {
    border-radius: 4px;
    border: 1px solid #e5e6eb;

    .ant-dropdown-menu-item:hover {
      background-color: #f2f3f5 !important;
    }
  }

  .ant-upload-drag {
    background: #fff !important;
  }
}